@charset "utf-8";
#wrapper{ width:960px; margin:0 auto; padding-bottom:35px; min-height:500px;}
* html #wrapper{height:500px;}
.blur{ color:#d1d1d1;}

.loader{ background:url(http://static.aceona.com/app_images/2011/loader.gif) no-repeat; width:16px; height:16px;}
.loading{line-height:100px; text-align:center;}
.loading em{display:inline-block; width:24px;background:url(http://static.aceona.com/app_images/2011/loader_medium.gif) no-repeat center center;}
.loading em.important{ width:32px; background-image:url(http://static.aceona.com/app_images/2011/important.png);}

/* app_topbar */
.app_topbar{background:url(http://static.aceona.com/app_images/2011/app_topbar_sprite.png) repeat-x left -100px;}
.app_topbar .content{width:960px; height:60px; margin:0 auto;}
.app_topbar .logo{background:url(http://static.aceona.com/app_images/2011/app_topbar_sprite.png) no-repeat 0 -60px; width:121px; height:37px; margin-top:11px; float:left;}
.app_topbar .spacer{ float:left; width:1px; height:41px;border-right:1px solid #c6c6c6; margin:11px 15px 0 24px; background-color:#FFF;}
.app_topbar .menu{ padding-top:21px;}
.app_topbar .menu li{ float:left; margin:0 4px; height:37px; }
.app_topbar .menu li.sel{ float:left; margin:0 4px; background:url(http://static.aceona.com/app_images/2011/app_topbar_arrow.png) no-repeat center bottom;}
.app_topbar .menu li a{ float:left; background:url(http://static.aceona.com/app_images/2011/app_topbar_sprite.png) no-repeat; display:block; height:24px;}
.app_topbar .menu .homepage{ background-position:-2px -32px; width:78px;}
.app_topbar .menu .homepage:hover,.app_topbar .sel .homepage{ background-position:-2px 0; width:78px;}
.app_topbar .menu .profile{ background-position:-93px -32px; width:56px;}
.app_topbar .menu .profile:hover,.app_topbar .sel .profile{ background-position:-93px 0; width:56px;}
.app_topbar .menu .comunity{ background-position:-166px -32px; width:78px;}
.app_topbar .menu .comunity:hover,.app_topbar .sel .comunity{ background-position:-166px 0; width:78px;}
.app_topbar .menu .recommend{ background-position:-262px -32px; width:78px;}
.app_topbar .menu .recommend:hover,.app_topbar .sel .recommend{ background-position:-262px 0; width:78px;}
.app_topbar .menu .housekeeper{ background-position:-359px -32px; width:78px;}
.app_topbar .menu .housekeeper:hover,.app_topbar .sel .housekeeper{ background-position:-359px 0; width:78px;}
.app_topbar .menu .club{ background-position:-454px -32px; width:95px;}
.app_topbar .menu .club:hover,.app_topbar .sel .club{ background-position:-454px 0; width:95px;}
.app_topbar .searchbox{ float:right;border:none; background:url(http://static.aceona.com/app_images/2011/app_topbar_sprite.png) no-repeat -135px -68px; width:161px; line-height:28px; height:28px; margin-top:19px; padding:0 30px 0 5px;}

/*app_panel_a*/
.app_panel_a{ background-color:#fafafa;border:1px solid #e5e5e5; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:1px;}
.app_panel_a .head{ background-color:#757575; height:31px; line-height:31px; font-size:13px; font-weight:bold; color:#fff; -moz-border-radius:2px 2px 0 0; -webkit-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0;}
.app_panel_a .content{ padding:10px 8px;}
.app_panel_a .bottom{ padding:10px 8px; background-color:#f2f2f2;border-top:1px solid #ebebeb; clear:both;}
.app_panel_a .bottom a{ color:#004097;}
.app_panel_a .corner{display:none;background:url(http://static.aceona.com/app_images/2011/app_panel_a.png) no-repeat;}
.app_panel_a .arrow{width:4px; height:7px;line-height:0; font-size:0; float:left; margin:12px 9px 0 15px; background:url(http://static.aceona.com/app_images/2011/app_panel_a.png) no-repeat -10px 0;}
/*ie7*/
*+html .app_panel_a{position:relative;}
*+html .app_panel_a .corner{display:block;position:absolute; line-height:0; font-size:0; width:4px; height:4px;}
*+html .app_panel_a .thl{ background-position:0 0;top:-1px; left:-1px;}
*+html .app_panel_a .thr{ background-position:-5px 0; top:-1px; right:-1px;}
*+html .app_panel_a .tl{ background-position:0 -5px; top:-1px; left:-1px;}
*+html .app_panel_a .tr{ background-position:-5px -5px; top:-1px; right:-1px;}
/*ie6*/
* html .app_panel_a{position:relative; zoom:1;}
* html .app_panel_a .corner{display:inline;position:absolute; line-height:0; font-size:0; width:4px; height:4px;}
* html .app_panel_a .head{ font-family:'simsun';}/*13px宋体*/
* html .app_panel_a .thl{ background-position:0 0;top:-1px; left:-1px;}
* html .app_panel_a .thr{ background-position:-5px 0; top:-1px; right:-1px;}
* html .app_panel_a .tl{ background-position:0 -5px; top:-1px; left:-1px;}
* html .app_panel_a .tr{ background-position:-5px -5px; top:-1px; right:-1px;}

/*app_group_a*/
.app_group_a{ margin-bottom:8px; }
* html .app_group_a{zoom:1;}
.app_group_a dt{ height:30px;line-height:30px;border-bottom:1px solid #ebebeb; color:#303030; font-weight:bold; background-color:#f2f2f2; margin-bottom:3px; }
.app_group_a dt .arrow{width:4px; height:7px;line-height:0; font-size:0; float:left; margin:12px 9px 0 15px; background:url(http://static.aceona.com/app_images/2011/app_panel_a.png) no-repeat -10px -7px;}
.app_group_a dd{ line-height:27px; color:#3265ab; padding-left:28px;overflow:hidden;}
* html .app_group_a dd{zoom:1;}
.app_group_a dd a{ color:#3265ab; float:left;}
.app_group_a dd a:hover{ text-decoration:none;}
.app_group_a dd a.active{ font-weight:bold; color:#BF1F26;}
.app_group_a .special{ color:#85a645; float:right; margin:-27px 7px 0 0;}
.app_group_a .special a{color:#85a645; width:auto;}
.app_group_a .special a:hover{ text-decoration:none;}

/*app_tabpanel_a*/
.app_tabpanel_a{ position:relative; padding-top:31px;}
.app_tabpanel_a .tpagroup{ position:absolute; top:0;}
.app_tabpanel_a .tpagroup li{ float:left; margin-right:-1px;}
.app_tabpanel_a .tpagroup li em{ display:none;}
*+html .app_tabpanel_a .tpagroup li{ position:relative;}
*+html .app_tabpanel_a .tpagroup li em{ background:url(http://static.aceona.com/app_images/2011/app_tabpanel_a.png) no-repeat; position:absolute; display:block; width:4px; height:4px; font-size:0; line-height:0;}
*+html .app_tabpanel_a .tpagroup li em.tl{ background-position:0 -10px; top:5px; left:0;}
*+html .app_tabpanel_a .tpagroup li em.tr{ background-position:-5px -10px; top:5px; right:0;}
*+html .app_tabpanel_a .tpagroup li.sel em.tl{ background-position:0 0; top:0; left:0;}
*+html .app_tabpanel_a .tpagroup li.sel em.tr{ background-position:-5px 0; top:0; right:0;}
* html .app_tabpanel_a .tpagroup li{ position:relative;}
* html .app_tabpanel_a .tpagroup li em{ background:url(http://static.aceona.com/app_images/2011/app_tabpanel_a.png) no-repeat; position:absolute; display:block; width:4px; height:4px; font-size:0; line-height:0;}
* html .app_tabpanel_a .tpagroup li em.tl{ background-position:0 -10px; top:5px; left:0;}
* html .app_tabpanel_a .tpagroup li em.tr{ background-position:-5px -10px; top:5px; right:0;}
* html .app_tabpanel_a .tpagroup li.sel em.tl{ background-position:0 0; top:0; left:0;}
* html .app_tabpanel_a .tpagroup li.sel em.tr{ background-position:-5px 0; top:0; right:0;}
.app_tabpanel_a .tpagroup li a{  font-size:13px;font-weight:bold;line-height:26px; background-color:#b0b0b0; color:#fff; margin-top:5px;float:left; padding:0 16px; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}
.app_tabpanel_a .tpagroup li a:hover{ text-decoration:none;}
.app_tabpanel_a .tpagroup li.sel a{ margin-top:0;color:#bf1f26; background:url(http://static.aceona.com/app_images/2011/app_tabpanel_a.png) repeat-x left -20px; line-height:31px; height:31px;border:solid #d4d4d4;border-width:1px 1px 0 1px;}
* html .app_tabpanel_a .tpagroup li a{font-family:'simsun';}
.app_tabpanel_a .tpamain{ border:1px solid #d4d4d4; -moz-border-radius:0 3px 3px 3px; -webkit-border-radius:0 3px 3px 3px; border-radius:0 3px 3px 3px;}
.app_tabpanel_a .tpahead{padding:0 26px; background:#eee url(http://static.aceona.com/app_images/2011/app_tabpanel_a.png) repeat-x left -50px; border-bottom:1px solid #fff; }
.app_tabpanel_a .tpahead .btngroup{ padding:13px 0;}
.app_tabpanel_a .tpacnt{ border-top:1px solid #cfcfcf; }

/*app_namecard_a*/
.app_namecard_a{ padding:0 1px;}
*+html .app_namecard_a{ position:relative;}
* html .app_namecard_a{ position:relative;}
.app_namecard_a li{ height:108px; width:364px;float:left; margin:3px 2px;}
* html .app_namecard_a li{display:inline;}
.app_namecard_a li.hline{border-top:1px dotted #c1c1c1;float:none;clear:both; width:auto; height:0; font-size:0; line-height:0; margin:0;}
* html .app_namecard_a li.hline{ display:block;}
.app_namecard_a li.hov,.app_namecard_a .active{ background-color:#f4f4f4;}
.app_namecard_a li .photo{ margin-top:11px; margin-left:21px; float:left; width:60px; height:60px;border:1px solid #e0e0e0; background-color:#FFF; padding:2px; position:relative; }
.app_namecard_a li .photo input{ position:absolute; top:3px; left:3px;}
*+html .app_namecard_a li .photo input{ position:absolute; top:0; left:0;}
* html .app_namecard_a li .photo input{ position:absolute; top:0; left:0;}
.app_namecard_a li .photo img{ width:60px; height:60px; cursor:pointer; }
.app_namecard_a li .r{ width:255px; margin-top:10px; }
.app_namecard_a li .name{ color:#004097; font-size:14px; font-weight:bold; float:left; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.app_namecard_a li em{ background:url(http://static.aceona.com/usercenter/user_images/center_mobile/center_mobile_sprite.png) no-repeat; width:19px; height:19px;}
.app_namecard_a li .icon_member{ background-position:-23px 0; float:left;}
.app_namecard_a li .icon_vip{background-position:-44px 0; float:left;}
.app_namecard_a li .icon_source{background-position:-65px 0; float:left;}
.app_namecard_a li .number{ color:#4c4c4c; clear:both; font-weight:bold; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:24px; }
.app_namecard_a li .number sub{ color:#9A9A9A; font-weight:normal; cursor:pointer; }
.app_namecard_a li .title{ color:#7f7f7f; line-height:24px; white-space:nowrap; overflow:hidden; width:100%; height:24px; }
.app_namecard_a li .linkgroup{}
.app_namecard_a li .linkgroup a{ color:#004097; line-height:24px; }
.app_namecard_a li .cache{ display:none;}

/*app_grid_a*/
.app_gridlist_a{}
.app_gridlist_a li{ padding:12px 0 12px 26px; border-bottom:1px dotted #c1c1c1; line-height:24px; color:#7c7a7a;}
.app_gridlist_a .noline{ border-bottom:none;}
.app_gridlist_a li span{ float:left;}

/*app_mask_a*/
.app_mask_a{ background-color:#000;opacity:0.4; position:absolute; top:0; left:0; z-index:1100; display:none;filter:alpha(opacity=40); padding:0; border:none;background-image:none;}

/*app_popup_a*/
.app_popup_a{ position:absolute; z-index:1200; background-color:#FFF; border:2px solid #7f807d; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.app_popup_a .popup_head{ cursor:move; padding-left:18px; background:url(http://static.aceona.com/app_images/2011/app_popup_a.png) repeat-x left -24px; height:37px; line-height:37px; color:#fff; font-size:14px; font-weight:bold;}
.app_popup_a .popup_head .close{ background:url(http://static.aceona.com/app_images/2011/app_popup_a.png) no-repeat 0 0; height:24px; width:24px; float:right; margin:6px 6px 0 0;cursor:pointer;}
.app_popup_a .popup_cnt{}
.app_popup_a .popup_cnt.loading{ background:url(http://static.aceona.com/app_images/2011/loader_medium.gif) no-repeat center center;}
.app_popup_a .alert{ font-size:14px; line-height:22px; padding:24px 30px 24px 70px; background:url(http://static.aceona.com/app_images/2011/alert.png) no-repeat 15px 10px;}
.app_popup_a .foot{ background-color:#F4F4F4; padding:8px 18px; text-align:right; border-top:1px solid #E8E8E8; }

/*app_searchbox*/
.app_searchbox{ background:url(http://static.aceona.com/app_images/2011/app_searchbox.png) no-repeat left top;height:27px; padding-right:30px;position:relative;}
* html .app_searchbox {zoom:1;}
.app_searchbox input{ float:left;margin:0; width:95%; border:none;height:27px; line-height:18px; padding:0 0 0 5px; background-color:transparent;}
*+html .app_searchbox input{ padding:4px 0 0 5px;}
* html .app_searchbox input{ padding:4px 0 0 5px;}
.app_searchbox input.blur{ color:#d1d1d1;}
.app_searchbox em{position:absolute; background:url(http://static.aceona.com/app_images/2011/app_searchbox.png) no-repeat right top;  width:27px; height:27px; right:0; top:0;}

/*app_pager_a*/
.app_pager_a{ padding:10px 0;}
.app_pager_a a{ line-height:20px;}
.app_pager_a span{ line-height:20px; float:left;}
.app_pager_a .wrapper{ float:right;}
.app_pager_a .sprite{background:url(http://static.aceona.com/app_images/2011/app_pager_a.png) no-repeat;}
.app_pager_a .next{ float:left;width:20px; height:20px; background-position:-21px 0; margin-right:7px;}
.app_pager_a .prev{ float:left;width:20px; height:20px; background-position:0 0; margin-left:7px;}
.app_pager_a .first{ float:left;}
.app_pager_a .end{ float:left; margin-right:18px; }
.app_pager_a .total{ float:left; margin-right:18px; }
.app_pager_a .pages{ float:left;}
.app_pager_a .pages a{ float:left; text-align:center; padding:0 5px; white-space:nowrap; }
.app_pager_a .pages a.active{ font-weight:bold; color:#a20200;}
.app_pager_a .setpage{ float:left; border:1px solid #BCBCBC; width:42px; height:20px; margin:0 10px; text-align:center; line-height:20px; background-color:#FFF;}
.app_pager_a .go{ background-position:-42px 0; width:34px; height:20px; float:left; margin-left:13px;}
.app_pager_a .active{ font-weight:bold; color:#BF1F26;}

/*app_btn*/
.app_btn{display:inline-block; background:url(http://static.aceona.com/app_images/2011/app_btn.png) no-repeat; padding-right:4px;}
.app_btn:hover{ text-decoration:none;}
.app_btn .itembody{display:inline-block; background:url(http://static.aceona.com/app_images/2011/app_btn.png) no-repeat; padding-left:4px;}
	.green{ background-position:right 0;}
	.green .itembody{ background-position:0 0; padding:0 15px 0 19px; line-height:23px; height:23px; color:#fff; }
	.white{background-position:right -24px;}
	.white .itembody{background-position:0 -24px; padding:0 15px 0 19px; line-height:23px; height:23px; color:#323232; }
	.drop{background-position:right -24px;padding-right:21px}
	.drop .itembody{background-position:0 -24px; padding:0 6px 0 27px; line-height:23px; height:23px; color:#323232;}
	.red{ background-position:0 -48px;padding:0 0 0 4px;}
	.red .itembody{ background-position:right -48px; height:30px; line-height:30px; color:#fff; padding:0 19px 0 15px; font-size:12px; font-weight:bold;}
	.red_big{ background-position:0 -48px;padding:0 0 0 4px;}
	.red_big .itembody{ background-position:right -48px; height:30px; line-height:30px; color:#fff; padding:0 19px 0 15px; font-size:14px; font-weight:bold;}
	.red_arrow{ background-position:right -48px;}
	.red_arrow .itembody{ background-position:0 -48px; height:30px; line-height:30px; color:#fff; padding:0 15px 0 19px; font-size:12px;font-weight:bold;}
	.black_big{ background-position:right -79px;}
	.black_big .itembody{ background-position:0 -79px; height:30px; line-height:30px; color:#fff; padding:0 15px 0 19px; font-size:14px; font-weight:bold;}
	.blue_big{ background-position:0 -110px;padding:0 0 0 4px;}
	.blue_big .itembody{background-position:right -110px; height:30px; line-height:30px; color:#fff; padding:0 19px 0 15px; font-size:14px;}
	.orange_big{ background-position:0 -252px;padding:0 0 0 4px;}
	.orange_big .itembody{background-position:right -252px; height:34px; line-height:34px; color:#fff; padding:0 19px 0 15px;}
		.app_btn .bd{font-weight:bold;}
		.app_btn .nm{font-weight:normal;}
		.app_btn .f12{ font-size:12px;}
		.app_btn .f14{ font-size:14px;}

/*app_textbox_a*/
.app_textbox_a{ height:19px; line-height:19px; border:1px solid #bebebe; background-color:#FFF;}
textarea.app_textbox_a{ height:auto;line-height:19px; border:1px solid #bebebe; background-color:#FFF;overflow-y:auto;}
/*app_textbox_b*/
.app_textbox_b{ height:24px; line-height:24px; border:1px solid #bcbcbc; background-color:#FFF;}
textarea.app_textbox_b{height:auto;overflow-y:auto;}

/*状态条*/
.app_statebar { position:relative; }
.app_statebar .state {background: url(http://static.aceona.com/app_images/2011/app_statebar_sprite.png) repeat-x 0 -198px;height: 32px; line-height:32px; font-weight:bold; font-size: 12px; color:#6b6b6b; text-align:center;}
.app_statebar .hlight {background: url(http://static.aceona.com/app_images/2011/app_statebar_sprite.png) repeat-x 0 -165px; color:#fff; }
.app_statebar .connect { background:url(http://static.aceona.com/app_images/2011/app_statebar_sprite.png) no-repeat 0 -132px; width: 12px; height: 32px; }
.app_statebar .hleft { background-position:0 -66px; }
.app_statebar .hright { background-position:0 -99px; }
.app_statebar .em_l { position:absolute; background: url(http://static.aceona.com/app_images/2011/app_statebar_sprite.png) no-repeat 0 -33px; width: 4px; height: 32px; left:0; top: 0; }
.app_statebar .em_r { position:absolute; background: url(http://static.aceona.com/app_images/2011/app_statebar_sprite.png) no-repeat -5px -33px; width: 11px; height: 32px; right:-1px; top: 0; }
.app_statebar .em_l_hlight { background-position: 0 0; }
.app_statebar .em_r_hlight { background-position: -5px 0; }

/*app_link_icon*/
.app_link_icon{}
.app_link_icon em{ float:left; margin-right:14px;}
.app_link_icon a{ line-height:22px;}

/*mainBalloon*/
#mainBalloon{ z-index:2000; position:absolute; padding:10px 20px; background-color:#FFF; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;border:2px solid #7f807d; -moz-box-shadow:2px 2px 5px #ccc; -webkit-box-shadow:2px 2px 5px #ccc; box-shadow:2px 2px 5px #ccc;}
#mainBalloon .content{min-height:24px; font-size:14px; line-height:20px;}
* html #mainBalloon .content{ height:24px;}
#mainBalloon .loading{background:url(http://static.aceona.com/app_images/2011/loader_medium.gif) no-repeat left center; padding-left:36px; line-height:20px; height:auto;}